<!DOCTYPE HTML>

<html>
<head>
<meta charset="utf-8" />
<title>发布投稿-{eyou:global name='web_name' /}</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    {eyou:static file="users/skin/css/bootstrap.min.css"/}
    {eyou:static file="users/skin/css/basic.css"/}
    {eyou:static file="users/skin/css/eyoucms.css"/}
    {eyou:static file="users/skin/css/shop.css"/}
    {eyou:static  file="users/skin/css/tb_style.css"/}
    <!-- 新样式 2020-11-25 -->
    {eyou:static file="users/skin/css/element/index.css" /}
    {eyou:static file="users/skin/css/e-user.css" /}
    {eyou:include file="users/skin/css/diy_css.htm"/}
    {eyou:static file="/public/plugins/layui/css/layui.css" /}

    {eyou:static file="/public/static/common/js/jquery.min.js"/}
    {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
    {eyou:static file="/public/static/common/js/tag_global.js"/}
    <script type="text/javascript" src="__STATIC__/admin/js/jquery-ui/jquery-ui.min.js"></script>
</head>
<body>

<!-- 头部 --> 
{eyou:include file="users/users_header.htm" /} 
<!-- 头部结束 --> 
<script type="text/javascript">
    var __lang__ = "<?php echo $admin_lang; ?>";
    window.UEDITOR_HOME_URL = "__ROOT_DIR__/public/plugins/Ueditor/";
    var type20210507 = '';//下载模型的上传类型
    var default_servername20210507 = '';//下载模型的default_servername
    var attr_field20210507 = '';//下载模型的attr_field
    var servername_use20210507 = '';//下载模型的servername_use
</script>
{eyou:static file="/public/plugins/Ueditor/ueditor.config.js"/}
{eyou:static file="/public/plugins/Ueditor/ueditor.all.min.js"/}
{eyou:static file="/public/plugins/Ueditor/lang/zh-cn/zh-cn.js"/}
{eyou:static file="/public/plugins/laydate/laydate.js"/}
{eyou:static file="/public/plugins/layui/layui.js" /}
<div class="ey-body-bg">
    <div class="ey-body">
        <div class="ey-container w1200">
            <!-- 侧边 --> 
            {eyou:include file="users/users_left.htm" /} 
            <!-- 侧边结束 --> 
            <!-- 中部 -->
            <div class="ey-con fr" >
                  
                <div class="el-main main-bg">
                    <div class="column-title mb20">
                        <div class="column-name">发布投稿</div>
                    </div> 

                    <!-- 内容栏 -->
                    <div class="ey-con-forms custom-form mt30">
                        <form id="post_form">
                            <input type="hidden" name="channel" value="0">
                            
                            <div class="item-from-row">
                                <div class="from-row-l">
                                    <span class="red">*</span> 文章标题：
                                </div>
                                <div class="from-row-r">
                                    <input type="text" name="title" value="" id="title" class="el-input__inner w500" maxlength="100">
                                </div>
                            </div>
                            <div class="item-from-row">
                                <div class="from-row-l">
                                    <span class="red">*</span> 所属栏目：
                                </div>
                                <div class="from-row-r">
                                    <div class="w300 select">
                                        {$arctype_html}
                                    </div>
                                </div>
                            </div>
                            <div class="item-from-row">
                                <div class="from-row-l">
                                    TAG标签：
                                </div>
                                <div class="from-row-r">
                                    <input type="text" value="" name="tags" id="tags" class="el-input__inner w500" placeholder="多个标签之间用逗号隔开">
                                </div>
                            </div>
                            {eq name='$is_litpic_users_release' value='1'}
                            <!-- 单张图 start -->
                            <div class="item-from-row">
                                <div class="from-row-l">
                                    缩略图：
                                </div>
                                <div class="from-row-r">
                                    <div tabindex="0" class="input-file-show"  onclick="$('#upload_single_pic_litpic_inpiut').trigger('click');" style="cursor: pointer;">
                                        <img id="single_img_litpic_inpiut" class="img-fluid img1_litpic_inpiut" src="__PUBLIC__/static/common/images/not_upload_pic.png"/>
                                    </div>
                                </div>
                                <input type="file" name="litpic_inpiut_file" id="upload_single_pic_litpic_inpiut" onchange="upload_single_pic_1609837252(this,'litpic_inpiut')" style="display: none;">
                                <input type="hidden" class="type-file-text" id="single_pic_input_litpic_inpiut" name="litpic_inpiut" value="">
                            </div>
                            <!-- 单张图 end -->
                            {/eq}
                            <!--下载模型-->
                            <div id="xiazai">
                                {eyou:include file="users/article_download_add.htm" /}
                            </div>
                            <!--视频模型-->
                            <div id="shipin">
                                {eyou:include file="users/article_media_add.htm" /}
                            </div>
                            <div class="item-from-row" id="tupianji">
                                <div class="from-row-l">
                                    <label>图片集：</label>
                                </div>
                                <div class="from-row-r">
                                    <div class="images_upload_main" id="tab_imgupload">
                                      <!--  <a href="javascript:void(0);" onClick="GetUploadify(30,'','allimg','imgupload_call_back');" class="el-button el-button--primary is-plain el-button--small" title="拖动修改排序">
                                            <i class="el-icon-picture"></i>上传图片
                                        </a> -->
                                       
                                        <div class="sort-list-img mt10 images_upload_list" style="display: none;">
                                            <div class="images_upload"></div>
                                        </div>
                                        <a href="javascript:void(0);" onClick="GetUploadify(30,'','allimg','imgupload_call_back');" class="img-upload" title="点击上传">
                                            <div class="y-line"></div>
                                            <div class="x-line"></div>
                                        </a>
                                    </div>
                                    <!-- 上传图片显示的样板 start -->
                                    <div class="images_upload_tpl" style="display: none;">
                                        <div class="images_upload images_upload_html">
                                            <div class="images_upload_item">
                                                <input type="hidden" name="imgupload[]" value="" />
                                                <a href="javascript:void(0);" onClick="" title="拖动修改排序">
                                                    <img src="__STATIC__/admin/images/add-button.jpg" width="120" height="120" />
                                                </a>
                                                <a href="javascript:void(0)" class="delete" title="删除">&nbsp;&nbsp;</a>
                                            </div>
                                            <textarea rows="5" cols="60" name="imgintro[]" style="height:28px; width: 120px;" placeholder="图片注释" ></textarea>
                                        </div>
                                    </div>
                                    <!-- 上传图片显示的样板 end -->
                                </div>
                            </div>
                            <script type="text/javascript">

                                // 单图上传  2021.01.05
                                function upload_single_pic_1609837252(e,input_id){
                                    var file = $(e)[0].files[0];
                                    if (!file) {
                                        return false;
                                    }
                                    var formData = new FormData();
                                    formData.append('file',file);
                                    formData.append('compress', '1000-1000');
                                    formData.append('_ajax',1);
                                    layer_loading('正在处理');
                                    $.ajax({
                                        type: 'post',
                                        url: eyou_basefile + "?m=user&c=Uploadify&a=imageUp",
                                        data: formData,
                                        contentType: false,
                                        processData: false,
                                        dataType: 'json',
                                        success: function (res) {
                                            if (res.state == 'SUCCESS') {
                                                $("#single_pic_input_"+input_id).val(res.url)
                                                $(".img1_"+input_id).attr('src',res.url);
                                                layer.closeAll();
                                            } else {
                                                layer.closeAll();
                                                showErrorAlert(res.state);
                                            }
                                        },
                                        error : function(e) {
                                            layer.closeAll();
                                            showErrorAlert(e.responseText);
                                        }
                                    })
                                }

                                  function img_call_back(fileurl_tmp)
                                  {
                                      $("#litpic_local").val(fileurl_tmp);
                                      $("#img_a").attr('href', fileurl_tmp);
                                      $("#img_i").attr('onmouseover', "layer_tips=layer.tips('<img src="+fileurl_tmp+" class=\\'layer_tips_img\\'>',this,{tips: [1, '#fff']});");
                                      $("input[name=is_litpic]").attr('checked', true); // 自动勾选属性[图片]
                                  }

                                  // 上传图集相册回调函数
                                  function imgupload_call_back(paths){

                                      var  last_div = $(".images_upload_tpl").html();
                                      for (var i=0;i<paths.length ;i++ )
                                      {
                                          if ($(".sort-list-img .images_upload_html").length > 0) {
                                              $(".sort-list-img .images_upload_html:last").after(last_div);  // 插入一个 新图片
                                          } else {
                                              $(".sort-list-img .images_upload:last").before(last_div);  // 插入一个 新图片
                                          }
                                          $(".sort-list-img .images_upload_html:last").find('a:eq(0)').attr('href',paths[i]).attr('onclick','').attr('target', "_blank");// 修改他的链接地址
                                          $(".sort-list-img .images_upload_html:last").find('img').attr('src',paths[i]);// 修改他的图片路径
                                          $(".sort-list-img .images_upload_html:last").find('a:eq(1)').attr('onclick',"ClearPicArr2(this,'"+paths[i]+"')").text('');
                                          $(".sort-list-img .images_upload_html:last").find('input').val(paths[i]); // 设置隐藏域 要提交的值
                                      }
                                      
                                    if ($("#tab_imgupload input[type=hidden]").length > 0) {
                                        $('#tab_imgupload .images_upload_list').show();
                                    }
                                  }
                                  /*
                                   * 上传之后删除组图input
                                   * @access   public
                                   * @val      string  删除的图片input
                                   */
                                  function ClearPicArr2(obj,path)
                                  {
                                      // 删除数据库记录
                                      $.ajax({
                                          type:'POST',
                                          url:"{:url('user/UsersRelease/del_channelimgs', ['_ajax'=>1])}",
                                          data:{filename:path},
                                          success:function(){
                                              $(obj).parent().parent().remove(); // 删除完服务器的, 再删除 html上的图片
                                              if ($("#tab_imgupload input[type=hidden]").length == 0) {
                                                  $('#tab_imgupload .images_upload_list').hide();
                                              }
                                              $.ajax({
                                                  type:'POST',
                                                  url:"{:url('Uploadify/delupload', ['_ajax'=>1])}",
                                                  data:{action:"del", filename:path},
                                                  success:function(){}
                                              });
                                          }
                                      });
                                  }

                                  /** 以下 图集相册的拖动排序相关 js*/

                                  $( ".sort-list-img" ).sortable({
                                      start: function( event, ui) {

                                      }
                                      ,stop: function( event, ui ) {
                                      }
                                  });
                                  //因为他们要拖动，所以尽量设置他们的文字不能选择。 
                                  $( ".sort-list-img" ).disableSelection();
                            </script>
                            <span id="FieldAddonextitem"></span>
                            <script type="text/javascript">
                                $(function() {
                                    var typeidNew = {$typeid|default='0'};
                                    if (0 == typeidNew) {
                                        typeidNew = $('#typeid').find('option:selected').val();
                                    }
                                    GetAddonextitem(0, typeidNew, false);

                                    $('#typeid').change(function() {
                                        GetAddonextitem(1, $(this).val(), true);
                                    });
                                });
                                
                                function GetAddonextitem(init, typeidNew, is_destroy) {
                                    var channel = $("#typeid option:selected").attr('data-channel');
                                    $("input[name='channel']").val(channel)
                                    if (3 == channel){
                                        $("#tupianji").show();
                                        $("#xiazai").hide();
                                        $("#shipin").hide();
                                    }else if (4 == channel){
                                        $("#tupianji").hide();
                                        $("#xiazai").show();
                                        $("#shipin").hide();
                                    }else if (5 == channel){
                                        $("#tupianji").hide();
                                        $("#xiazai").hide();
                                        $("#shipin").show();
                                    }else{
                                        $("#tupianji").hide();
                                        $("#xiazai").hide();
                                        $("#shipin").hide();
                                    }

                                    var loadingTxt = '正在加载';
                                    if (1 == init) {
                                        loadingTxt = '正在切换';
                                    }
                                    layer_loading(loadingTxt);

                                    $.ajax({
                                        url: "{:url('user/UsersRelease/get_addonextitem')}",
                                        data: {typeid: typeidNew, _ajax:1},
                                        type:'post',
                                        success:function(res) {
                                            layer.closeAll();
                                            if (res.code == 0) {
                                                showErrorAlert(res.msg);
                                            } else {
                                                $('#FieldAddonextitem').empty().html(res.data.html);
                                                if (1 == init) {
                                                    $.each(res.data.htmltextField, function (index, value) {
                                                        showEditor_1597892187('addonFieldExt_'+value);
                                                    });
                                                }
                                                if (channel == 4) {
                                                    var download = res.data.download;
                                                    var users_level_html = '<option value="0" selected>不限会员</option>';
                                                    $.each(download.users_level, function (index, value) {
                                                        users_level_html += '<option value="'+value.level_id+'">'+value.level_name+'</option>\n';
                                                    });
                                                    $('#arc_level_id').html(users_level_html);
                                                    if('local' != download.upload_flag){
                                                        //第三方
                                                        var upload_button_html = '<button type="button" class="el-button el-button--primary is-plain el-button--small" style="position: relative;z-index: 1;">\n选择多文件\n' +
                                                            '                       <input type="file" name="file" id="'+download.upload_flag+'File" multiple="multiple" onchange="'+download.upload_flag+'_download__upload(this);" style="position: absolute;top: 0;right: 0;opacity: 0;width: 110px;height: 30px;"/>\n' +
                                                            '                  </button>';
                                                        $('#download-layui-upload').prepend(upload_button_html);
                                                    }else{
                                                        $("#buttonList").show();
                                                    }
                                                    $('#download-layui-upload').attr('data-type',download.upload_flag);
                                                    if (1 == download.servername_use){
                                                        $(".th_server_name").show();
                                                    }
                                                    type20210507 = download.basic.file_type;
                                                    default_servername20210507 = download.default_servername;
                                                    attr_field20210507 = download.attr_field;
                                                    servername_use20210507 = download.servername_use;
                                                }
                                            }
                                        },
                                        error: function(e){
                                            layer.closeAll();
                                            showErrorAlert(e.responseText);
                                        }
                                    });
                                }
                            </script>

                            <div class="item-from-row">
                                <div class="from-row-l">&nbsp;</div>
                                <div class="from-row-r">
                                    <input type="button" data-url="{:url('UsersRelease/article_add')}" onclick="AddArticle(this);" class="el-button el-button--primary " value="确认提交"/>
                                </div>
                            </div>
                            <!-- 表单验证 --> 
                            {$TokenValue}
                        </form>
                    </div>
                    <!-- 内容栏结束 --> 
                </div>   
            </div>
            <!-- 中部结束 --> 
        </div>
  </div>
    </div>
<script type="text/javascript">
    // 去除 select中值相同的option(去重)，配合{$arctype_html}使用
    $(function(){
        var channel = $("#typeid option:selected").attr('data-channel');
        if (channel == 3){
            $("#tupianji").show()
        }
        $("#typeid option").each(function() {
            var val = $(this).val();
            if ($("#typeid option[value='" + val + "']").length > 1){
                $("#typeid option[value='" + val + "']:eq(0)").remove();
            }
        });
    });

    function MobileAddArticle(url = null) {
        $.getScript('__ROOT_DIR__/public/plugins/layer_mobile/layer.js?v={$version}', function(){
            // 提示信息，2秒自动关闭
            function MsgOpen(msgs){
                layer.open({
                    content: msgs,
                    skin: 'msg',
                    time: 2,
                });
            }
            // 提示动画
            function LoaDing(){
                var loading = layer.open({
                    type:2,
                    content: '正在处理',
                });
                return loading;
            }

            OnMobileAddArticle();
            function OnMobileAddArticle(){
                if (!$('#title').val()) {
                    MsgOpen('请填写文章标题！');
                    $('#title').focus();
                    return false;
                }

                if (0 == $('#typeid').val()) {
                    MsgOpen('请选择所属栏目！');
                    $('#typeid').focus();
                    return false;
                }
                LoaDing();
                $.ajax({
                    url: url,
                    data: $('#post_form').serialize(),
                    type:'post',
                    dataType:'json',
                    success:function(res){
                        layer.closeAll();
                        if (1 == res.code) {
                            MsgOpen(res.msg);
                            window.location.href = res.url;
                        } else {
                            MsgOpen(res.msg);
                            if (res.data) $('#'+res.data).focus(); 
                        }
                    }
                });
            }
        })
    }

    function AddArticle(obj){
        var url = $(obj).attr('data-url');
        if (!$('#title').val()) {
            layer.msg('请填写文章标题！', {time: 1500, icon: 5});
            $('#title').focus();
            return false;
        }
        if (0 == $('#typeid').val()) {
            layer.msg('请选择所属栏目！', {time: 1500, icon: 5});
            $('#typeid').focus();
            return false;
        }

        var channel = $("#typeid option:selected").attr('data-channel');
        $("input[name='channel']").val(channel);
        if (5 == channel){
            urlToStr();
        }

        layer_loading('正在处理');
        $.ajax({
            url: url,
            data: $('#post_form').serialize(),
            type:'post',
            dataType:'json',
            success:function(res){
                layer.closeAll();
                if (1 == res.code) {
                    layer.msg(res.msg, {time: 1000},function(){
                        window.location.href = res.url;
                    });
                } else {
                    layer.msg(res.msg, {time: 1500, icon: 5});
                    if (res.data) $('#'+res.data).focus(); 
                }
            },
            error : function(e) {
                layer.closeAll();
                showErrorAlert(e.responseText);
            }
        });
    }

    function litpic_call_back(fileurl_tmp)
    {
        $("#litpic_inpiut").val(fileurl_tmp);
        $("#litpic_img").attr('src', fileurl_tmp);
    }

</script> 
{eyou:include file="users/users_footer.htm" /} 

<!-- 底部结束 -->
